<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div id="app">
    <!-- keydown keyup keypress
    keypress 必须输入字符才触发
    keydown 按下就触发 特殊按键也触发
      键盘修饰符 可以用@keydown.键盘编码
      37 上  a 65  回车13
   -->
      <input @keydown.37="run($event)" type="text" />
      <!-- 键盘事件修饰符 可以用单词来代替
      ctrl shift enter space delete esc tab 
     up down left right -->
     <!-- 键盘事件修饰符 可以连写控制多个按键一起触发
        @keydown.ctrl.shift.65
        @keydown.ctrl.shift.a
     -->
     <input @keydown.ctrl.shift.a="eat($event)" type="text" />
  </div>
  
    <script src="./vue.js"></script>
  <script>
    // vue的事件修饰符

    new  Vue({
      el:"#app",
      data(){
        return {
          flag:false
        }
      },
      methods: {
          run(e){
            console.log("触发了回车")
          },
          eat(e){
        
            console.log("触发了")
          }
      }
    })




  </script>
</body>
</html>